<template>
  <div>
    御剑乘风来,除魔天地间!
    <BtnCom>
      默认按钮
    </BtnCom>
    <BtnCom :type="primary">
      主要按钮
    </BtnCom>
    <BtnCom :type="success">
      成功按钮
    </BtnCom>
    <BtnCom :type="info">
      信息按钮
    </BtnCom>
    <BtnCom :type="warning">
      警告按钮
    </BtnCom>
    <BtnCom :type="danger" :disabled="disabled">
      危险按钮
    </BtnCom>
  </div>
</template>
<script>
import BtnCom from './components/BtnCom.vue'
export default {
  name: 'app',
  components: {
    BtnCom
  },
  data () {
    return {
      primary: 'primary',
      success: 'success',
      info: 'info',
      warning: 'warning',
      danger: 'danger',
      disabled:'false'
    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
</style>
